{{define "users/orderGoods.html"}}
    <!DOCTYPE html>
    <html lang="cn">
    <head>
        <meta charset="UTF-8">
        <title>订货</title>
        <link rel="stylesheet" href="/static/bootstrap-4.6.0/css/bootstrap.css">
    </head>
    <body>
    <div class="main-warp ml-3">
        <!-- 订货系统标题 -->
        <div class="orderInfo-warp mb-3">
            <h3 class="orderInfo">订货系统</h3>
        </div>
        <!-- 订货系统区域 -->
        <h5 class="mb-3">在下面选择你需要订购的商品</h5>
        <!-- 订货表格 -->
        <table class="goods-warp table ml-4 mb-3" style="width: 1200px">
            <thead>
            <tr>
                <th scope="col">商品号</th>
                <th scope="col">商品名</th>
                <th scope="col">单价</th>
                <th scope="col">所需个数</th>
                <th scope="col">所需价格</th>
                <th scope="col">预计到货日期</th>
            </tr>
            </thead>
        </table>
        <!-- 汇总信息 -->
        <table class="goods-warp table ml-4 mb-3" style="width: 300px">
            <thead>
            <tr>
                <th scope="col">总价</th>
                <th scope="col">折扣</th>
                <th scope="col">实际支付金额</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td scope="col" id="totalPrice">0</td>
                <td scope="col" id="discount">0</td>
                <td scope="col" id="totalPriceReal">0</td>
            </tr>
            </tbody>
        </table>
        <!-- 提交按钮 -->
        <button type="button" class="btn btn-primary ml-4" onclick="postIndent()">提交订单</button>
    </div>
    </body>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="/static/bootstrap-4.6.0/js/bootstrap.js"></script>
    <script src="/static/js/orderGoods.js"></script>
    </html>
{{end}}